$(document).ready(function(){

    // show地址
    var sname = document.getElementById("userid").innerText;
    var data = {
        name: sname
    }
    $.ajax({
        // 接口记得改
        url: "http://8.130.103.251:8080/sellerad/getdata",    //请求的url地址
        dataType: "json",   //返回格式为json
        ContentType: 'application/json;charset=utf-8', //传输格式
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        data: data,
        type: "GET",   //请求方式
      
       success: function(req) {
            // console.log(req.data);
            var re = req.data;
            for(var i = 0; i < re.length; i++)
            {
                var address = re[i].address;
                var h1 = '<div class="addr-block">';
                var h2 = '<div class="def-addr">'+'<input type="radio" name="default">'+
                '<div class="radio-txt">'+'选中为默认地址'+'</div>'+'</div>';
                var h3 = '<textarea cols="55" rows="1" class="myaddr" disabled placeholder="请输入地址" id="addr'+ (i+1) +'">'
                + address +'</textarea>';
                var h4 = '<div class="addr-manage">'+
                '<button class="del-addr">删除</button>'+
                '<button class="save-addr">保存</button>'+
                '<button class="change-addr">修改</button>'+'</div>';
                var h5 = '</div>';
                var block = h1 + h2 + h3 + h4 + h5;
                $(".blocks").append(block);
            }
       }
    });

    // 删除地址
    // $("#pwd-save").click(function(){
    $('.blocks').on('click','.del-addr',function(){
        if (window.confirm('您确定要删除该地址吗?')){

            var td = this.parentNode;        //先从删除按钮取到的父节点   向上取到td
            var tr = td.parentNode;          //再取td的父节点     向上取到tr，也就是定位到这一行
            var id1 = tr.children[1].id;
            var addr = document.getElementById(id1).value;
            // console.log(addr);
            // var id = document.getElementById("userid").innerText;
            // console.log(id);
            var data = {
                name: sname,
                address: addr
            }
            $.ajax({
                url:'http://8.130.103.251:8080/sellerad/delete',	//这是后端接口的url
                dataType: "json",   //返回格式为json
                ContentType: 'application/json;charset=utf-8', //传输格式
                data:data,
                type: "POST",
                success:function (req) {
                    // console.log(req);
                },
            });
    
            //在前端删除
            tr.parentNode.removeChild(tr);
        }
    


    });
    
    var oldaddr= null;
    // 修改地址
    $('.blocks').on('click','.change-addr',function(){
        var td = this.parentNode;        //先从删除按钮取到的父节点   向上取到td
        var tr = td.parentNode;          //再取td的父节点     向上取到tr，也就是定位到这一行
        // 获得文本框的id
        var id1 = tr.children[1].id;
        // console.log(id);
        var addr = document.getElementById(id1);
        addr.removeAttribute("disabled");
        addr.setAttribute("style", "border: 1px solid rgb(170,170,170)");
        oldaddr = addr.value;
        // console.log(oldaddr);
        // 获得文本框内的文本
        // var myaddr = document.getElementById(id).value;
        // console.log(myaddr);
    });


    // 保存地址或者添加地址
    $('.blocks').on('click','.save-addr',function(){
        // console.log(oldaddr);
        var td = this.parentNode;        //先从删除按钮取到的父节点   向上取到td
        var tr = td.parentNode;          //再取td的父节点     向上取到tr，也就是定位到这一行
        // 获得文本框的id
        var id1 = tr.children[1].id;
        // console.log(id);
        var addr = document.getElementById(id1);
        addr.setAttribute("disabled", "true");
        addr.setAttribute("style", "border: 0");
        var myaddr = document.getElementById(id1).value;
        // ajax
        // var id = document.getElementById("userid").innerText;
        console.log(oldaddr);
        if(oldaddr)
        {
            // 修改地址
            var data0 = {
                name: sname,
                oldaddress: oldaddr,
                newaddress: myaddr
            }
            console.log(data0);
            $.ajax({
                // 接口记得改
                url: "http://8.130.103.251:8080/sellerad/change",    //请求的url地址
                dataType: "json",   //返回格式为json
                ContentType: 'application/json;charset=utf-8', //传输格式
                async: true, //请求是否异步，默认为异步，这也是ajax重要特性
                data: data0,
                type: "GET",   //请求方式
              
               success: function(req) {
                    console.log(req);
                    // 获得用户的头像、用户名、密码、电话
               }
            });
            oldaddr = null;
        }
        else{
            // 添加地址
            var data1 = {
                name: sname,
                address: myaddr,
                sender: '',
                phonenumber: ''
            }
            $.ajax({
                // 接口记得改
                url: "http://8.130.103.251:8080/sellerad/sadadd",    //请求的url地址
                dataType: "json",   //返回格式为json
                ContentType: 'application/json;charset=utf-8', //传输格式
                async: true, //请求是否异步，默认为异步，这也是ajax重要特性
                data: data1,
                type: "POST",   //请求方式
              
               success: function(req) {
                    console.log(req);
                    // 获得用户的头像、用户名、密码、电话
               }
            });
        }
        
    });

    // 前端添加地址框【目前的思路是：点击按钮添加一个框】
    $(".add-addr").click(function(){
    // $('.blocks').on('click','.add-addr',function(){
        var anum = $(".blocks").children().length;
        console.log(anum);
        if(anum > 3){
            alert("最多只能设置四个地址！");
        }
        else{
            var h1 = '<div class="addr-block">';
            var h2 = '<div class="def-addr">'+'<input type="radio" name="default">'+
            '<div class="radio-txt">'+'选中为默认地址'+'</div>'+'</div>';
            var h3 = '<textarea cols="55" rows="1" class="myaddr" style="border:1px solid rgb(170,170,170)" placeholder="请输入地址" id="addr'+ (anum+1) +'">'
            +'</textarea>';
            var h4 = '<div class="addr-manage">'+
            '<button class="del-addr">删除</button>'+
            '<button class="save-addr">保存</button>'+
            '<button class="change-addr">修改</button>'+'</div>';
            var h5 = '</div>';
            var block = h1 + h2 + h3 + h4 + h5;
            $(".blocks").append(block);
        }
    });
});